<template>
    <!-- Page Wrapper -->
    <div id="page-wrapper">
        <!-- Wrapper -->
        <div id="wrapper">
          <!-- Panel (Banner) -->
          <section class="panel banner right">
            <div class="content color0 span-3-75">
              <h1 class="major">
                <!--[-->Hello, my name<!--]--><br />
                <!--[-->is {{trainManInfo.name}}<!--]-->
              </h1>
              <p>
                <!--[-->This is <strong>{{trainManInfo.name}}</strong>, 欢迎关注本健身俱乐部
                <a href="https://"></a>.您的健身教练{{trainManInfo.name}}，和你一起锻炼<!--]-->
              </p>
              <ul class="actions">
                <li>
                  <a
                    href="#first"
                    class="button special color1 circle icon fa-angle-right"
                  >Next</a
                  >
                </li>
              </ul>
            </div>
            <div class="image filtered span-1-75" data-position="25% 25%">
              <img src="@/assets/jianli/images/pic01.jpg" alt="" />
            </div>
          </section>

          <!-- Panel (Spotlight) -->
          <section class="panel spotlight banner right" id="first">
            <div class="content span-7">
              <h2 class="major">我的工作经历</h2>
              <p>
                {{trainManInfo.workExperience}}
              </p>
            </div>
            <div class="image filtered tinted" data-position="top left">
              <img src="@/assets/jianli/images/pic02.jpg" alt="" />
            </div>
          </section>


          <!-- Panel (Spotlight) -->
          <section class="panel spotlight banner right">
            <div class="content span-5">
              <h2 class="major">我的教育经历</h2>
              <p>
                {{trainManInfo.educationExperience}}
              </p>
            </div>
            <div class="image filtered tinted" data-position="top right">
              <img src="@/assets/jianli/images/pic03.jpg" alt="" />
            </div>
          </section>

          <!-- Panel -->

          <!-- Panel -->
          <section class="panel color4-alt">
            <div class="intro color4">
              <h2 class="major">联系方式</h2>
              <p style="color: white">
                电话：{{trainManInfo.phonenumber}}
                <br>
                邮箱：{{trainManInfo.email}}
              </p>
            </div>
          </section>

          <!-- Panel -->
          <section class="panel color2-alt">
            <div class="intro color2">
              <h2 class="major">个人信息</h2>
              <p style="color: white">
                身高：{{trainManInfo.height}}
                <br>
                体重：{{trainManInfo.weight}}
                <br>
                联系地址：{{trainManInfo.address}}
              </p>
            </div>
          </section>

          <!-- Copyright -->
          <div class="copyright">
            &copy; Untitled. Design: <a href="https://"></a>.
          </div>
        </div>
      </div>
</template>

<script>
  export default {
    name: 'resume',
    props: {
      data: {
        type: Object,
        default: null
      }
    },
    data: function() {
      return {
        trainManInfo: null
      }
    },
    created() {
      this.getList();
    },
    methods: {
      getList() {
        if (this.trainManInfo == null) {
          this.trainManInfo = this.$store.getters.trainManInfo
        }
        if (this.trainManInfo == null) {
          this.$router.go(-1)
        }
      }
    }
  }
</script>

<style scoped src="../../../../assets/jianli/css/main.css">
</style>
